<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
		<script type="text/javascript" src="js/swiper.min.js" ></script>
        <link rel="stylesheet" href="css/swiper.min.css" />
		<link rel="stylesheet" href="css/xinlian.css" />
	</head>
	<body>
		<div class="w_nav">			
				<img src="img/cloud.gif"/>
				<ul class="w_ul">
					<li><a href="">首页</a></li>
					<li><a href="" class="w_shopmall">云道商城</a></li>
					<li><a href="">智慧门店</a></li>
					<li><a href="">营销平台</a></li>
					<li><a href="">媒体联盟</a></li>
					<li><a href="">关于云道</a></li>
				</ul>	
				<a class="w_user">用户中心↓</a>
		</div>
	
			<ul class="w_psion">
				<li><a href="#">官网商城管理</a></li>
				<li><a href="#">品牌综合商城</a></li>
				<li><a href="#">媒体管理</a></li>
				<li><a href="#">第三方商城营销管理</a></li>
			</ul>
			
			<dl class="w_product">
				<p class="big">云商城产品</p>
				<dt><a href="http://fanyi.baidu.com" class="blue">官网云商城</a></dt>
				<dd>免费简单高逼格，适用于中小企业官方商城系统</dd>				
				<dt>品牌综合商城</dt>
				<dd>个性化前端，免费运维，适用于大中企业电商系统</dd>
				<dt>多店铺品牌商城</dt>
				<dd>前后台分离，简约系统为客户量身定制的生态级电商平台</dd>
			</dl>
		
		
		 <!--这是轮播图-->
		 <div class="swiper-container" id="banner1">
		 	<div class="swiper-wrapper">
		 		<div class="swiper-slide"><a href="#"><img src="img/com-1.png"></a></div>
		 		<div class="swiper-slide"><a href="#"><img src="img/com-1.png"></a></div>
		 		<div class="swiper-slide"><a href="#"><img src="img/com-1.png"></a></div>
		 	</div>
		 </div>
		 
		 <div class="xinban">
		 	  <!--这是线-->
		 	  <div class="xinwo">
		 	  ————————————————<span class="xinda">我们的产品</span>—————————————————
		 	  </div>
		 	  <div class="xindi">KLDGJKLJDL</div>
		 	  
		 	  <!--这是房子的那块-->
		 	  <div class="xinguan">
		 	  	<div class="xin_left">
		 	  		<div class="xin_top">
		 	  			<a href="#"><img src="img/fan.png" /></a>
		 	  			<div class="xin_a">官网云商城</div>
		 	  			
		 	  		</div>
		 	  		<div class="xin_shi">我是中小企业</div>
		 	  		<div class="xin_zi">你看乐金健康布鲁克林空间你都快被你看到你能拿到了呢你看见你呢那你看你看可能呢你了解顾客了解到加快你发来说可能更快两年离开你的了</div>
		 	  	</div>
		 	  	<div class="xin_right">
		 	  		<div class="xin_top">
		 	  			<a href="#"><img src="img/lou.png" /></a>
		 	  			<div class="xin_a">品牌综合商城</div>
		 	  			
		 	  		</div>
		 	  		<div class="xin_shi">我是大中企业</div>
		 	  		<div class="xin_zi">你看乐金健康布鲁克林空间你都快被你看到你能拿到了呢你看见你呢那你看你看可能呢你了解顾客了解到加快你发来说可能更快两年离开你的了</div>
		 	  	</div>
		 	  	<div class="xin_right">
		 	  		<div class="xin_top">
		 	  			<a href="#"><img src="img/ren.png" /></a>
		 	  			<div class="xin_a">多店铺行业平台</div>
		 	  			
		 	  		</div>
		 	  		<div class="xin_shi">我是行业专家</div>
		 	  		<div class="xin_zi">你看乐金健康布鲁克林空间你都快被你看到你能拿到了呢你看见你呢那你看你看可能呢你了解顾客了解到加快你发来说可能更快两年离开你的了</div>
		 	  	</div>
		 	  	<div class="xin_right">
		 	  		<div class="xin_top">
		 	  			<a href="#"><img src="img/dian.png" /></a>
		 	  			<div class="xin_a">智慧门店O2O</div>
		 	  			
		 	  		</div>
		 	  		<div class="xin_shi">我是地面门站</div>
		 	  		<div class="xin_zi">你看乐金健康布鲁克林空间你都快被你看到你能拿到了呢你看见你呢那你看你看可能呢你了解顾客了解到加快你发来说可能更快两年离开你的了</div>
		 	  	</div>
		 	  </div>
		 	  
		 	  <!--这是下面的模块-->
		 	  
		 	  <div class="xin_wei">为什么选择     <span class="xin_lan">shopocmd</span>  ?</div>
		 	  
		 	  <!--下面电脑那块-->
		 	  <div class="xin_quan">
		 	  	<div class="xin_huang" >
		 	  		<a href="#"><img src="img/0_10.png"/></a>
		 	  		<div class="xin_bi">全面的产品体验</div>
		 	  		<div class="xin_ai">地方能够理解的流量包小姐来了肯定你不来辽宁路口的内部来看离开<div class="xian">的了看你来看看你的·11离开你的发来看你拿到了能被两年来的呢11那里可能了呢</div></div>
		 	  	</div>
		 	  	<div class="xin_ge">
		 	  		<a href="#"><img src="img/0_07.png"/></a>
		 	  		<div class="xin_bi">最简约的系统</div>
		 	  		<div class="xin_ai">地方能够理解的流量包小姐来了肯定你不来辽宁路口的内部来看离开<div class="xian">的了看你来看看你的·11离开你的发来看你拿到了能被两年来的呢11那里可能了呢</div></div>
		 	  	</div>
		 	  	<div class="xin_ge">
		 	  		<a href="#"><img src="img/0_18.png"/></a>
		 	  		<div class="xin_bi">个性化自定义前端</div>
		 	  		<div class="xin_ai">地方能够理解的流量包小姐来了肯定你不来辽宁路口的内部来看离开<div class="xian">的了看你来看看你的·11离开你的发来看你拿到了能被两年来的呢11那里可能了呢</div></div>
		 	  	</div>
		 	  	<div class="xin_ge">
		 	  		<a href="#"><img src="img/0_13.png"/></a>
		 	  		<div class="xin_bi">创建运输无忧</div>
		 	  		<div class="xin_ai">地方能够理解的流量包小姐来了肯定你不来辽宁路口的内部来看离开<div class="xian">的了看你来看看你的·11离开你的发来看你拿到了能被两年来的呢11那里可能了呢</div></div>
		 	  	</div>
		 	  	<div class="xin_ge">
		 	  		<a href="#"><img src="img/0_15.png"/></a>
		 	  		<div class="xin_bi">全覆盖营销服务</div>
		 	  		<div class="xin_ai">地方能够理解的流量包小姐来了肯定你不来辽宁路口的内部来看离开<div class="xian">的了看你来看看你的·11离开你的发来看你拿到了能被两年来的呢11那里可能了呢</div></div>
		 	  	</div>
		 	
		 	  </div>
		 	  <!--让超出部分隐藏-->
		 	  <div class="xin_chao"></div>
		 	  
		 	  <!--下面的部分-->
		 	  
		 	  <div class="xin_tu">
		 	  	   <div class="xin_zu"><a href="#"><img src="img/0_26.png"></a></div>
		 	  	   <div class="xin_ying">
		 	  	   	   <div class="xin_kin">shopcmd云商城系统第三方系统合作伙伴招募中</div>
		 	  	   	   <div class="xin_kin1">领先技术，打造高性能</div>
		 	  	   	   <div class="xin_kin1">电商系统，共享千亿saas商机！</div>
		 	  	   	   <a href="#"><div class="xin_kin2">了解加盟细则</div></a>
		 	  	   	
		 	  	   </div>
		 	  </div>
		 	  
		 </div>
		 
		 <div class="w_footer">
				
				
				<div class="w_a">
				<ul class="w_dh">
					<li><a href="#">关于人人店</a></li>
					<li><a href="#">商城系统</a></li>
					<li><a href="#">开放平台</a></li>
					<li><a href="#">人人分销</a></li>
					<li><a href="#">新闻动态</a></li>
					<li><a href="#">联系我们</a></li>
				</ul>
				<p>Copyright 2015 苏州海云网络科技有限公司版权所有| 苏ICP备15038170号—3</p>
				</div>
				
				<div class="w_rx"><img src="img/W_icon.png"/></div>
			</div>
		 
	</body>
	<script>
		
		
		var mySwiper = new Swiper("#banner1",{
				autoplay:2000,
				loop:true
			});
			
			$('.w_user').mouseenter(function(){
				
			$('.w_psion').css('display','block');
			
			});
			$('.w_psion').mouseleave(function(){
				$('.w_psion').css('display','none');
			});
			
			$('.w_shopmall').mouseenter(function(){
				$('.w_product').css('display','block');
	//			alert(123)
			});
			$('.w_product').mouseleave(function(){
				$('.w_product').css('display','none');
			});
		
		
	</script>
</html>
